<template>

  <div class="subtitle">
    <div>{{ text }}</div>
    <div class="desc" v-if="desc.length > 0">{{desc}}</div>
  </div>
</template>

<script>
export default {
  name: "Subtitle",
  props: {
    text: String,
    desc: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
.subtitle {
  font-weight: bold;
  font-size: 20px;
  color: #333333;
  padding-bottom: 20px;
  border-bottom: 2px solid #0068B5;
  margin-bottom: 24px;
}
.desc {
  font-size: 14px;
  font-weight: normal;
  padding-top: 20px;
  color: #999999;
}
</style>
